
<!DOCTYPE html>
<html lang="zh">
<head>
<title>用户中心</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
<meta http-equiv="Cache-Control" content="no-transform" /> 
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="applicable-device" content="pc,mobile">
<link href="__PUBLIC__/css/style_wap.css" rel="stylesheet">
<link href="__PUBLIC__/ext/fontawesome463/css/font-awesome.min.css" rel="stylesheet">
</head>
<body id="ucenterpage">
	<include file="Public/header"/>
	<div class="block">
		<include file="Public/ucmenu"/>
		<div class="clear"></div>
		<div id="uc_right">
			<div id="my_zichan">
				<div class="top">
					<div id="total_text">
					总资产<span>{$total}万</span>
					</div>
					<div id="total_pic">
					</div>
					<!--<div style="text-align: center;">
					<div class="ritem"><span></span>现金管理</div>
					<div class="ritem"><span></span>债权投资</div>
					</div>
				--></div>
				<div class="clear"></div>
				<div style="margin-top:20px;">
					<table class="table" cellspacing="0" cellpadding="0">
						<tr style="background:#cccccc;">
							<td>产品类型</td>
							<td>总份额（份）</td>
							<td>总资产（元）</td>
						</tr>
						<volist name="r" id="v">
							<tr style="background:#f4f4f4;">
								<td>{$v['desc']}</td>
								<td>{$v['fene']|number_format}</td>
								<td>{$v['zichan']|number_format}</td>
							</tr>
						</volist>
						
					</table>
				</div>
			</div>
		
		</div>
	
	</div>
	<script src="__PUBLIC__/js/jquery-2.1.4.min.js"></script>
	<script src="__PUBLIC__/js/jquery.cookie.js"></script>
	<include file="Public/footer"/>
	<script src="//cdn.bootcss.com/echarts/3.3.2/echarts.common.js"></script>
	<script>
	var xj = "{$r['现金管理']['zichan']}";
	var zq = "{$r['债权投资']['zichan']}";
	var gq = "{$r['股权投资']['zichan']}";
	if(!xj){
		xj = 0;
	}
	if(!zq){
		zq = 0;
	}
	if(!gq){
		gq = 0;
	}
	
	// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('total_pic'));

    // 指定图表的配置项和数据
    var option = {
   	    tooltip: {
   	        trigger: 'item',
   	        formatter: "{a} <br/>{b}: {c} ({d}%)"
   	    },
   	    legend: {
   	        orient: 'vertical',
   	        x: 'left',
   	        data:['现金管理','债权投资','股权投资']
   	    },
   	    color:['#8f1c32','#430915', '#AE5B6B', '#d48265', '#91c7ae','#749f83',  '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3'],
   	    series: [
   	        {
   	            name:'资产',
   	            type:'pie',
   	            radius: ['50%', '70%'],
   	            avoidLabelOverlap: false,
   	            label: {
   	                normal: {
   	                    show: false,
   	                    position: 'center'
   	                },
   	                emphasis: {
   	                    show: true,
   	                    textStyle: {
   	                        fontSize: '30',
   	                        fontWeight: 'bold'
   	                    }
   	                }
   	            },
   	            labelLine: {
   	                normal: {
   	                    show: false
   	                }
   	            },
   	            data:[
   	                {value:xj, name:'现金管理'},
   	                {value:zq, name:'债权投资'},
   	                {value:gq, name:'股权投资'}
   	            ]
   	        }
   	    ]
   	};

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    
	

	</script>
</body>
</html>